<template>
    <div>
        <el-breadcrumb>
          <el-breadcrumb-item>首页</el-breadcrumb-item>
          <el-breadcrumb-item v-breadcrumb-certify></el-breadcrumb-item>
        </el-breadcrumb>
        <div class="content">
            <heading grade="1">赛事赞助</heading>
            <ul class='clearfix auth'>
              <li v-for='item in list' @click="go(item.path)">
                  <img v-bind:src='item.imgUrl'>
                  <p>{{item.label}}</p>
              </li>
            </ul>
        </div>
    </div>
</template>

<script>
  import { mapGetters } from 'vuex'
  export default{
    computed: {
      ...mapGetters({
        global: 'global'
      })
    },
    data () {
      let isCertify
      return {
        isCertify,
        list: [
//        {
//          imgUrl: '/static/images/sponsor/sponsor_business.png',
//          label: '我要招商',
//          path: 'sponsor/business'
//        },
          {
            imgUrl: '/static/images/sponsor/sponsor_business.png',
            label: '我要招商',
            path: 'sponsor/merchants'
          },
          {
            imgUrl: '/static/images/sponsor/sponsor_support.png',
            label: '我要赞助',
            path: 'sponsor/support'
          },
          {
            imgUrl: '/static/images/sponsor/sponsor_brand.png',
            label: '赞助品牌',
            path: 'sponsor/brand'
          },
          {
            imgUrl: '/static/images/sponsor/sponsor_talk.png',
            label: '约谈',
            path: 'sponsor/talk/support'
          }
          // {
          //   imgUrl: '/static/images/sponsor/sponsor_report.png',
          //   label: '赛事报告',
          //   path: 'sponsor/report'
          // }
//        {
//          imgUrl: '/static/images/sponsor/sponsor_report.png',
//          label: '赛事报告',
//          href: 'sponsorReport'
//        }
        ]
      }
    },
    methods: {
      go (obj) {
        this.$router.push({path: obj})
      }
    }
  }
</script>
<style>
    .auth li {
        float: left;
        margin-right: 90px;
        text-align: center;
        width: 90px;
        cursor: pointer;
    }

    .auth li img {
        margin-bottom: 20px;
    }

    .auth li:last-child {
        margin-right: 0;
    }

    .auth li:hover p {
        color: #269974;
    }
</style>
